
import AbIcon from '@/components/DecorateIcons/Ab_Icon';
/**
 * @description 首页的统计：总数数据
 */

const authList = [1, 2, 3, 4, 5]

function HomeStatis({ base }) {

  return (
    <div className='statis-wrapper'>
      {authList.map((item, index) => <StatisItem key={index} index={index + 1} iconName={base[`static_icon${index + 1}`]} animateName={base[`static_animate${index + 1}`]} />)}
    </div>
  )
}


// 单项
function StatisItem({ index, iconName, animateName }) {
  return (
    <div className={`statis-box-common statis-box-${index} animate__animated animate__${animateName}`}>
      <div className='icon-box'>
        <AbIcon iconName={iconName} className='icon' />
      </div>
      <div className='info-box'>
        <div className='count'>123</div>
        <div className='label'>这是模块的总数</div>
      </div>
    </div>
  )
}
export default HomeStatis